<!DOCTYPE html>
<html lang="en" style="font-size: 100px">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" href="/favicon.png" type="image/png">
  <title>React Playground</title>
  <style>
     html,body {margin: 0; padding: 0}

    .magic-ui-page {
      overflow: hidden;
    }

    ::-webkit-scrollbar {
      width: 0;
    }

    html,
    body,
    #root {
      width: 100%;
      height: 100%;
    }

    #root {
      position: relative;
      overflow: auto;
    }

    .magic-ui-container {
      background-color: rgba(136, 136, 136, 0.5);
    }

    .action-area {
      background-color: rgba(51, 153, 255, 0.5) !important;
    }
  </style>
</head>
<body style="font-size: 14px">
  
  <div id="root"></div>

  <script type="module" src="./main.tsx"></script>
</body>
</html>